<template>
    <div id="indexHmap">
        <div class="logo" >
            <img src="../assets/images/libaiwu.png" alt="">
        </div>
        <div class="sousuo">
            <input type="text" placeholder="请输入关键字进行搜索">
            <span class="icon iconfont icon-fangdajing"></span>
        </div>
        <div class="btn">
           <div class="setbtn">
               <i class=" icon iconfont icon-gerenzhongxin"></i>
               <router-link to="/home">个人中心</router-link>
           </div>
           <div  class="setbtn">
               <i class=" icon iconfont icon-gouwuche"></i>
              <router-link to="/shop">购物车</router-link>
           </div>
            
        </div>
       
    </div>
</template>
<script>

export default {
  
}
</script>
<style scoped>
    #indexHmap{
        width:80%;
        margin: auto;
        display: flex;
        justify-content:space-between;
        align-items: center;
    }
    .logo{
        width:30%;
        
    }
    .logo img{
        width:100%;
    }
    .sousuo{
        width:40%;
        height:40px;
        vertical-align: middle;
        text-align:left;
        border:2px solid #4b943d;
    }
    .sousuo input{
        display: inline-block;
        width:85%;
        padding:0px;
        height:98%;
        border:none;
        outline:none;
        padding-left:2%;

    }
    .sousuo span{
        display: inline-block;
        width:13%;
        height:100%;
        color:#fff;
        font-size:18px;
        margin:0px;
        padding: 0px;
        text-align: center;
        background: #4b943d;
        line-height: 40px;
    }
    .btn{
        width:20%;
        display: flex;
        justify-content: space-between;
    }

    .btn .setbtn {
        width: 40%;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border:1px solid #e5e5e5;
        background: #f8f8f6;
    }
    .setbtn  a{
        text-decoration: none;
        color:#333;
    }
    .setbtn i{
        font-size: 16px;
        margin-right: 5px;
    }
</style>